<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>耳机及耳机相关产品——小米商城</title>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
				/*border: 1px solid red;*/
			}
			
			.all {
				margin: 0 auto;
			}
			
			.head {
				/*border: 2px solid blue;*/
				background-color: #333333;
				height: 161px;
			}
			
			.head .nav {
				width: 1226px;
				margin: 0 auto;
			}
			
			.head {
				height: 40px;
				margin: 0 auto;
				background-color: #333333;
			}
			
			.head .nav .nav-left li {
				list-style-type: none;
				float: left;
				font-size: 13px;
				line-height: 41px;
				padding-left: 10px;
			}
			
			.head .nav li:hover a {
				color: white;
			}
			
			.head .nav .nav-left a {
				text-decoration: none;
				color: #A8AAB0;
				;
			}
			
			.head .nav .nav-right li {
				list-style-type: none;
				float: right;
				font-size: 13px;
				line-height: 41px;
				padding-right: 10px;
			}
			
			.head .nav .nav-right a {
				text-decoration: none;
				color: #A8AAB0;
			}
			
			.head span {
				padding-left: 10px;
				color: #424242;
			}
			
			.nav .buycar {
				/*border: 1px solid black;*/
				width: 120px;
				height: 40px;
				float: right;
				background-color: #ff6700;
				cursor: pointer;
			}
			
			.nav .buycar .buylist {
				width: 220px;
				height: 100px;
				background-color: gray;
				display: none;
			}
			
			.nav .buycar:hover .buylist {
				display: block;
			}
			
			.buycar a {
				color: white;
				text-decoration: none;
			}
			
			.buycar:hover {
				background-color: white;
			}
			
			.buycar p:hover a {
				color: #FF7213;
			}
			
			.buycar p {
				line-height: 40px;
				font-size: 13px;
			}
			
			.daohang {
				/*border: 1px solid;*/
				position: relative;
				height: 100px;
			}
			
			.daohang .logo {
				background-color: #FF6B00;
				width: 53px;
				height: 52px;
				position: absolute;
				top: 25px;
			}
			
			.daohang .search {
				position: absolute;
				right: 0;
				top: 25px;
				z-index: -1;
			}
			
			.daohang1 {
				margin-left: 500px;
				position: absolute;
				left: -400px;
				height: 100px;
				width: 1126px;
				line-height: 100px;
				cursor: pointer;
				/*border: 1px solid;*/
			}
			
			.daohang1 li {
				float: left;
				list-style-type: none;
				/*left: 255px;*/
				/*top: 40px;*/
				padding-left: 20px;
				margin-left: 0;
			}
			
			.daohang1 li a {
				color: #333333;
				font-size: 16px;
				text-decoration: none;
			}
			
			.daohang1 li:hover a {
				color: #FF6700;
			}
			
			.daohang1 .item {
				display: none;
				/*border: 1px solid;*/
				border-top: 1px solid #c0c0c0;
				position: absolute;
				top: 100px;
				left: -100px;
				width: 1226px;
				height: 230px;
				z-index: 1;
				background-color: white;
			}
			
			.daohang1 #menu {
				display: none;
				position: absolute;
				top: 100px;
				left: -100px;
				width: 223px;
				background-color: white;
				border: 1px solid #ff6700;
				z-index: 1;
			}
			
			.daohang1 .item>div {
				float: left;
				margin-left: 40px;
				margin-top: 40px;
				width: 160px;
				height: 160px;
			}
			
			.daohang1 li:hover #menu,
			.daohang1 li:hover .item {
				display: block;
			}
			
			.daohang1 li:hover .item0 .daohang1 .item>div img {
				border-right: 1px solid #c0c0c0;
			}
			
			.daohang1 .item .item_00 img {
				border-right: 0;
			}
			
			.menu {
				/*border: 1px solid;*/
				width: 1226px;
				margin: 0 auto;
			}
			
			.tishi {
				height: 40px;
				margin: 0 auto;
				background-color: #F5F5F5;
			}
			
			.tishi .context {
				width: 1226px;
				margin: 0 auto;
			}
			
			.tishi .context li {
				float: left;
				list-style-type: none;
				padding-right: 7px;
				font-size: 12px;
				line-height: 40px;
			}
			
			.tishi .context li a {
				color: #818381;
				text-decoration: none;
			}
			
			.tishi .context li a:hover {
				color: #424242;
			}
			/*主体*/
			
			.all .main {
				background-color: #F5F5F5;
				height: auto;
				color: #424242;
			}
			
			.all .main .header {
				width: 1226px;
				height: 60px;
				padding-top: 20px;
				margin: 0 auto;
				position: relative;
			}
			
			.all .main .header .fl {
				margin-left: -30px;
			}
			
			.all .main .header .fl li {
				display: inline-block;
				float: left;
				list-style-type: none;
				width: 90px;
				font-size: 14px;
				border-right: 1px solid #c0c0c0;
				text-align: center;
				margin-top: 20px;
				cursor: pointer;
			}
			
			.hov {
				color: #ff6700;
				cursor: pointer;
			}
			
			.all .main .header .fl #ts {
				border-right: 0;
			}
			
			.all .main .header .fr {
				float: right;
			}
			
			.all .main .header .fr li {
				display: inline-block;
				float: left;
				list-style-type: none;
				font-size: 14px;
				text-align: center;
				margin-left: 30px;
				margin-top: 20px;
				height: 25px;
				line-height: 25px;
				position: relative;
			}
			
			.all .main .header .fr li span {
				display: block;
				width: 22px;
				height: 22px;
				position: absolute;
				left: -25px;
			}
			
			.active {
				background-image: url(img/2017-08-14_193130.png);
				background-position: 0px;
			}
			
			.hover {
				background-image: url(img/2017-08-14_193152.png);
				background-position: 0px;
			}
			
			.all .main .header .fr li:hover {
				color: #ff6700;
				cursor: pointer;
			}
			
			.all .main .header .fr img {
				position: absolute;
				left: -25px;
				top: 2px;
			}
			
			.main .content {
				width: 1240px;
				margin: 0 auto;
				height: 1400px;
				background-color: #F5F5F5;
				position: relative;
			}
			/*.main .content .chanpin{
				width: 296px;
				height: 430px;
				background-color: black;
			}*/
			
			.main .content>div {
				float: left;
				width: 296px;
				height: 430px;
				background-color: white;
				margin-right: 12px;
				margin-bottom: 15px;
				position: relative;
				cursor: pointer;
			}
			
			.main .content>div .tu {
				position: absolute;
				top: 60px;
			}
			
			.main .content>div img {
				width: 200px;
				height: 200px;
				margin-left: 50px;
				margin-bottom: 18px;
			}
			
			.main .content>div p {
				text-align: center;
				font-size: 14px;
			}
			
			.main .content>div span {
				font-size: 14px;
				color: #ff6700;
			}
			
			.main .content>div span1 {
				font-size: 14px;
				color: #c0c0c0;
				text-decoration: line-through;
			}
			
			.main .content>div li {
				list-style-type: none;
				width: 296px;
				height: 36px;
				float: left;
				margin-top: 20px;
			}
			
			.main .content>div li img {
				width: 34px;
				height: 34px;
				margin: 0 130px;
				border: 1px solid #c0c0c0;
				cursor: pointer;
			}
			
			.main .content>div li img:hover {
				border: 1px solid #ff6700;
			}
			
			#p1 {
				position: absolute;
				left: -25px;
			}
			
			#p2 {
				position: absolute;
				left: 25px;
			}
			
			.xin {
				width: 296px;
				height: 60px;
				/*position: relative;*/
				display: none;
			}
			
			.content .chanpin .xin #m1 img {
				width: 23px;
				height: 21px;
				position: absolute;
				top: 30px;
				left: -30px;
			}
			
			.content .chanpin .xin #m1 p {
				position: absolute;
				top: 32px;
				left: 45px;
				color: white;
			}
			
			.content .chanpin .xin #m1:hover p {
				color: black;
				font-size: 12px;
			}
			
			.content .chanpin .xin #m2 p {
				position: absolute;
				top: 32px;
				right: 45px;
				color: white;
			}
			
			.content .chanpin .xin #m2:hover p {
				color: black;
				font-size: 12px;
			}
			
			.content .chanpin .xin #m2 img {
				width: 25px;
				height: 22px;
				position: absolute;
				top: 30px;
				right: 20px;
			}
			
			.content .chanpin .caise span {
				display: inline-block;
				width: 276px;
				height: 20px;
				background-color: #E53935;
				position: absolute;
				bottom: 0;
				color: white;
				font-size: 12px;
				padding-left: 20px;
			}
			
			.content .chanpin .caise span0 {
				display: inline-block;
				width: 276px;
				height: 20px;
				background-color: #83C44E;
				position: absolute;
				bottom: 0;
				color: white;
				font-size: 12px;
				padding-left: 20px;
			}
			
			#c2,
			#c3,
			#c4 {
				display: none;
			}
			/*菜单内容*/
			
			#menu {
				padding: 20px 0;
				height: 420px;
				background-color: rgba(0, 0, 0, 0.5);
				position: absolute;
				color: #424242;
			}
			
			#menu li {
				display: inline-block;
				padding: 0 30px;
				list-style-type: none;
				line-height: 42px;
				color: #424242;
				font-size: 14px;
				width: 225px;
			}
			
			#menu li:hover {
				background-color: #FF6700;
			}
			
			#menu li>div {
				position: absolute;
				background-color: white;
				border: 1px solid darkgray;
				width: 620px;
				height: 460px;
				left: 225px;
				top: 0;
				color: black;
				font-size: 40px;
				display: none;
				z-index: 1;
			}
			
			#menu li:hover>div {
				display: block;
			}
			
			#menu #menu_0 .kuang {
				width: 190px;
				height: 70px;
			}
			
			#menu #menu_0 .kuang img {
				margin-left: 5px;
				margin-top: 10px;
			}
			
			#menu #menu_0 .kuang .xuangou {
				font-size: 12px;
				width: 60px;
				height: 24px;
				border: 1px solid orange;
			}
			
			#menu #menu_0 .kuang span {
				font-size: 12px;
				display: inline-block;
				width: 36px;
				height: 16px;
				margin-top: -20px;
			}
			
			#menu #menu_0>div {
				float: left;
			}
			
			#menu #menu_0 .kuang {
				width: 265px;
				height: 76px;
				/*border: 1px solid;*/
			}
			
			#menu #menu_0 .kuang img {
				margin-left: 15px;
				margin-top: 15px;
			}
			
			#menu #menu_0 .kuang p {
				display: block;
				font-size: 14px;
				width: 170px;
				line-height: 70px;
				margin-top: -60px;
				margin-left: 70px;
			}
			
			#menu #menu_0 .kuang span {
				display: block;
				font-size: 14px;
				width: 60px;
				height: 24px;
				line-height: 24px;
				margin-top: -45px;
				margin-left: 190px;
				background-color: white;
				text-align: center;
				color: #ff6700;
				cursor: pointer;
				border: 1px solid #FF6700;
			}
			
			#menu #menu_0 .kuang span:hover {
				background-color: #ff6700;
				color: white;
			}
			
			#menu #menu_0 .kuang .xuangou {
				font-size: 12px;
				width: 60px;
				height: 24px;
				border: 1px solid orange;
			}
			
			#menu #menu_0 {
				width: 900px;
				border-top: 1px solid #c0c0c0;
			}
			
			#menu #menu_0>div {
				float: left;
			}
			/*导航栏*/
			
			.all .tuijian {
				background-color: #F5F5F5;
				height: 560px;
			}
			
			.tuijian .tj_head {
				border-top: 1px solid #E0E0E0;
				width: 1226px;
				height: 20px;
				margin: 0 auto;
				background-color: #f5f5f5;
				position: relative;
				font-weight: 400;
			}
			
			.tuijian .tj_head p {
				display: block;
				height: 40px;
				width: 480px;
				margin: 0 auto;
				text-align: center;
				line-height: 40px;
				font-size: 30px;
				font-weight: 400;
				color: #757575;
				position: absolute;
				top: -20px;
				left: 372px;
				background-color: #f5f5f5;
			}
			/*尾部*/
			
			.foot {
				background-color: #FAFAFA;
				height: 438px;
				color: #424242;
			}
			
			.foot .foot-top {
				background-color: white;
				height: 272px;
			}
			
			.foot .foot1 {
				width: 1226px;
				margin: 0 auto;
				height: 79px;
				border-bottom: 1px solid #E0E0E0;
			}
			
			.foot .foot1 li {
				font-size: 16px;
				float: left;
				list-style: none;
				padding-left: 60px;
				padding-right: 24px;
				color: #616161;
				line-height: 79px;
				height: 79px;
			}
			
			.foot .foot1 li span {
				font-size: 25px;
				padding-left: 58px;
				color: #E0E0E0;
			}
			
			.foot .foot2 {
				width: 1226px;
				height: 187px;
				margin: 0 auto;
				margin-top: 40px;
			}
			
			.foot .foot2-l {
				clear: both;
			}
			
			.foot .foot2-l dl {
				float: left;
				width: 150px;
				margin-left: 10px;
			}
			
			.foot .foot2-l dl dt {
				margin-bottom: 20px;
				color: #424242;
			}
			
			.foot .foot2-l dl dd {
				color: #757575;
				line-height: 30px;
				font-size: 12px;
			}
			
			.foot .foot2>div {
				float: left;
			}
			
			.foot .foot2r {
				width: 133px;
				height: 147px;
				margin-left: 13px;
				padding-left: 62px;
				padding-right: 57px;
				border-left: 1px solid #E0E0E0;
			}
			
			.foot .fp1 {
				font-size: 20px;
				color: #EF6700;
				text-align: center;
				line-height: 25px;
				width: 150px;
			}
			
			.foot .fp2 {
				font-size: 12px;
				color: #616161;
				text-align: center;
				line-height: 18px;
			}
			
			.foot .fp3 {
				height: 28px;
				width: 118px;
				line-height: 28px;
				text-align: center;
				border: 1px solid #EF6700;
				margin: 0 auto;
				margin-top: 16px;
				color: #EF6700;
				font-size: 12px;
			}
			
			.foot .fp3:hover {
				background-color: #EF6700;
				color: white;
				cursor: pointer;
			}
			
			.foot .foot-bottom {
				width: 1226px;
				height: 106px;
				padding: 30px 0;
				margin: 0 auto;
			}
			
			.foot .foot-bottom>div {
				float: left;
			}
			
			.foot .fl {
				width: 57px;
				height: 57px;
				margin-right: 10px;
				background-image: url(img/logo-footer.png);
				background-position: center;
				background-repeat: none;
			}
			
			.foot .fm {
				font-size: 12px;
				line-height: 18px;
			}
			
			.foot .fmp1,
			.fmp1 a {
				color: #757575;
				text-decoration: none;
			}
			
			.foot .fm a:hover {
				color: #EF6700;
			}
			
			.foot .fmp2,
			.fmp2 a {
				text-decoration: none;
				color: #B0B0B0;
			}
			
			.foot .fr {
				margin-left: 750px;
				margin-top: -50px;
			}
			
			.foot .fs {
				width: 267px;
				height: 19px;
				margin: 30px 479.5px 0 479.5px;
				margin: 0 auto;
				color: #333333;
				position: relative;
			}
			
			.foot .fs img {
				position: absolute;
				top: -50px;
			}
			/*更多*/
			
			.all .fenlan {
				background-color: white;
				position: relative;
			}
			
			.all .fenlan .context {
				width: 1226px;
				margin: 0 auto;
				padding-bottom: 10px;
				font-size: 14px;
				color: #424242;
			}
			
			.caidan {
				margin: 0 auto;
				width: 1226px;
				padding-top: 16px;
				position: relative;
				border-bottom: 1px solid #E0E0E0;
			}
			
			.caidan2 {
				margin: 0 auto;
				width: 1226px;
				padding-top: 16px;
				position: relative;
				border-bottom: 1px solid #E0E0E0;
			}
			
			.caidan3 {
				margin: 0 auto;
				width: 1226px;
				padding-top: 16px;
				position: relative;
			}
			
			.cd1 {
				width: 1032px;
				overflow: hidden;
				margin-left: 70px;
			}
			
			.cd2 {
				width: 1032px;
				margin-left: 70px;
				overflow: hidden;
			}
			
			.cd3 {
				width: 1032px;
				height: 45px;
				margin-left: 70px;
			}
			
			.cd1 dd,
			.cd2 dd,
			.cd3 dd {
				float: left;
				height: 21px;
				width: 172px;
				padding: 12px 0;
			}
			
			.more {
				position: absolute;
				top: 21px;
				right: 0;
				cursor: pointer;
			}
			
			#fl {
				position: absolute;
				left: 0;
				top: 27px;
			}
			
			.fenlan dd:hover {
				color: #EF6700;
				cursor: pointer;
			}
			
			.content-wrap {
				background-color: #F5F5F5;
				overflow: hidden;
			}
			
			.ctopl li {
				float: left;
				list-style: none;
			}
			
			.ctopr li {
				float: right;
				list-style: none;
			}
			
			.content-top {
				color: #424242;
				padding-top: 45px;
				padding-bottom: 23px;
			}
			
			.content-top a {
				text-decoration: none;
				color: #424242;
			}
			
			.content-top a:hover {
				color: #EF6700;
			}
			
			.dcolor {
				color: #EF6700;
			}
			/*为你推荐*/
			
			.tj_main {
				width: 1226px;
				height: 420px;
				margin: 0 auto;
				margin-top: 35px;
				position: relative;
			}
			
			#lbt-wrap {
				width: 1226px;
				height: 280px;
				margin: 30px auto;
				overflow: hidden;
			}
			
			#lbt {
				width: 4960px;
				height: 280px;
				/*border: 1px solid;*/
			}
			
			#lbt li {
				list-style: none;
				height: 240px;
				width: 194px;
				padding: 40px 20px 0 20px;
				background-color: white;
				float: left;
				margin-right: 14px;
				text-align: center;
			}
			
			#lbtbtn {
				width: 1226px;
				margin: 0 auto;
				padding-bottom: 170px;
			}
			
			#lbtbtn ul {
				overflow: hidden;
				width: 136px;
				margin: 0 auto;
				margin-top: 30px;
			}
			
			#lbtbtn .lbt-ho {
				float: left;
				list-style: none;
				width: 6px;
				height: 6px;
				border: 2px solid #F5F5F5;
				background-color: #B0B0B0;
				border-radius: 50%;
				margin: 0 12px;
			}
			
			#lbtbtn .lbt-ho:hover {
				background-color: #EF6700;
				cursor: pointer;
			}
			
			#lbtbtn .lbt-ac {
				float: left;
				list-style: none;
				width: 6px;
				height: 6px;
				border: 2px solid #EF6700;
				background-color: #F5F5F5;
				border-radius: 50%;
				margin: 0 12px;
			}
			
			.lbtp1 a {
				color: #333333;
				text-decoration: none;
			}
			
			.lbtp1 {
				height: 18px;
				line-height: 18px;
				margin-bottom: 10px;
			}
			
			.lbtp2 {
				color: #EF6700;
				height: 21px;
				line-height: 21px;
				margin-bottom: 10px;
			}
			
			.lbtp3 {
				color: #757575;
				height: 21px;
				line-height: 21px;
			}
		</style>
	</head>

	<body>
		<div class="all">
			<div class="head">
				<div class="nav">
					<div class="nav-left">
						<ul>
							<li>
								<a href="#">小米商城</a><span>|</span></li>
							<li>
								<a href="#">MIUI</a><span>|</span></li>
							<li>
								<a href="#">米聊</a><span>|</span></li>
							<li>
								<a href="#">游戏</a><span>|</span></li>
							<li>
								<a href="#">多看阅读</a><span>|</span></li>
							<li>
								<a href="#">云服务</a><span>|</span></li>
							<li>
								<a href="#">金融</a><span>|</span></li>
							<li>
								<a href="#">小米商城移动版</a><span>|</span></li>
							<li>
								<a href="#">问题反馈</a><span>|</span></li>
							<li>
								<a href="#">Select Region</a><span>|</span> </li>
						</ul>
					</div>
					<div class="buycar">
						<p align="center">
							<a target="_blank" href="----修改的购物车.html">购物车</a>
						</p>
						<div class="buylist"></div>
					</div>
					<div class="nav-right">
						<ul>
							<li>
								<a href="----小米登陆页面.html">登陆</a>
							</li>
							<li>
								<a href="----小米注册页面.html">注册</a><span>|</span></li>
							<li>
								<a href="">消息通知</a><span>|</span></li>
						</ul>
					</div>
					
				</div>
			</div>
			<div class="menu">
				<div class="daohang">
					<div class="logo">
						<img src="img/mi-logo.png" />
					</div>
					<div class="daohang1">
						<ul>
							<li>
								<a href="">全部商品分类</a>
								<div id="menu">
									<ul>
										<li>手机 电话卡
											<div id="menu_0">
												<div>
													<div class="kuang">
														<img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span>
													</div>
													<div class="kuang"><img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span></div>
													<div class="kuang"><img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span></div>
													<div class="kuang"><img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span></div>
													<div class="kuang">
														<img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xm6_80.png" />
														<p>小米6</p>
														<span>选购</span>
													</div>
												</div>
											</div>
											<strong>&gt;</strong>
										</li>
										<li>笔记本 平板
											<div id="menu_0">
												<div>
													<div class="kuang">
														<img src="img/bijiben80.jpg" />
														<p>笔记本13.3英寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/bijiben80.jpg" />
														<p>笔记本13.3英寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/bijiben80.jpg" />
														<p>笔记本13.3英寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/bijiben80.jpg" />
														<p>笔记本13.3英寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/bijiben80.jpg" />
														<p>笔记本13.3英寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/bijiben80.jpg" />
														<p>笔记本13.3英寸</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/bijiben80.jpg" />
														<p>笔记本13.3英寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/bijiben80.jpg" />
														<p>笔记本13.3英寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/bijiben80.jpg" />
														<p>笔记本13.3英寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/bijiben80.jpg" />
														<p>笔记本13.3英寸</p>
														<span>选购</span>
													</div>
												</div>
											</div>
											<strong>&gt;</strong>
										</li>
										<li>电视 盒子
											<div id="menu_0">
												<div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
													<div class="kuang"><img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span></div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/xp80_65.jpg" />
														<p>小米电视4A 65寸</p>
														<span>选购</span>
													</div>
												</div>
											</div>
											<strong>&gt;</strong>
										</li>
										<li>路由器 智能硬件
											<div id="menu_0">
												<div>
													<div class="kuang">
														<img src="img/jly80.jpg" />
														<p>米家行车记录仪</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/jly80.jpg" />
														<p>米家行车记录仪</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/jly80.jpg" />
														<p>米家行车记录仪</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/jly80.jpg" />
														<p>米家行车记录仪</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/jly80.jpg" />
														<p>米家行车记录仪</p>
														<span>选购</span>
													</div>
												</div>
											</div>
											<strong>&gt;</strong>
										</li>
										<li>移动电源 电池 插线板
											<div id="menu_0">
												<div>
													<div class="kuang">
														<img src="img/yidongdianyuan.jpg" />
														<p>移动电源</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/yidongdianyuan.jpg" />
														<p>移动电源</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/yidongdianyuan.jpg" />
														<p>移动电源</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/yidongdianyuan.jpg" />
														<p>移动电源</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/yidongdianyuan.jpg" />
														<p>移动电源</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/yidongdianyuan.jpg" />
														<p>移动电源</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/yidongdianyuan.jpg" />
														<p>移动电源</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/yidongdianyuan.jpg" />
														<p>移动电源</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/yidongdianyuan.jpg" />
														<p>移动电源</p>
														<span>选购</span>
													</div>
												</div>
											</div>
											<strong>&gt;</strong>
										</li>
										<li>耳机 音箱
											<div id="menu_0">
												<div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/toudai80.jpg" />
														<p>小米头戴式耳机</p>
														<span>选购</span>
													</div>
												</div>
											</div>
											<strong>&gt;</strong>
										</li>
										<li>保护套 贴膜
											<div id="menu_0">
												<div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/baohu.jpg" />
														<p>保护套/保护壳</p>
														<span>选购</span>
													</div>
												</div>
											</div>
											<strong>&gt;</strong>
										</li>
										<li>线材 支架 存储卡
											<div id="menu_0">
												<div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span>
													</div>
													<div class="kuang"><img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span></div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span>
													</div>
													<div class="kuang"><img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span></div>
												</div>
												<div>
													<div class="kuang"><img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span></div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span></div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/zhijia.jpg" />
														<p>手机支架</p>
														<span>选购</span>
													</div>
												</div>
											</div>
											<strong>&gt;</strong>
										</li>
										<li>箱包 服饰 鞋 眼镜
											<div id="menu_0">
												<div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/lvxingxiang.jpg" />
														<p>90分旅行箱</p>
														<span>选购</span>
													</div>
												</div>
											</div>
											<strong>&gt;</strong>
										</li>
										<li>米兔 生活周边
											<div id="menu_0">
												<div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
												</div>
												<div>
													<div class="kuang"><img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span></div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
													<div class="kuang">
														<img src="img/mitu-80.jpg" />
														<p>米兔玩偶</p>
														<span>选购</span>
													</div>
												</div>
											</div>
											<strong>&gt;</strong>
										</li>
									</ul>
								</div>
							</li>
							<li>
								<a href="">小米手机</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/xm6-320.png" /></div>
									<div class="item_0"><img width="160px" height="110px" src="img/max2_toubu.png" /></div>
									<div class="item_0"><img width="160px" height="110px" src="img/xiaomiNOTE2-320-220!160x110.jpg" /></div>
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_0"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_0"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">平板·笔记本</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">电视</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">盒子·影音</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
								</div>
							</li>
							<li>
								<a href="">路由器</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_0"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">智能硬件</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">服务</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">社区</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
								</div>
							</li>
						</ul>
					</div>
					<div class="search">
						<img src="img/2017-08-15_095759.png" />
					</div>
				</div>
			</div>
			<div class="tishi">
				<div class="context">
					<ul>
						<li>
							<a href="#">首页</a>
						</li>
						<li>&gt;</li>
						<li>
							<a href="#">全部结果</a>
						</li>
						<li>&gt;</li>
						<li>
							<a href="#">耳机</a>
						</li>
					</ul>
				</div>
			</div>

			<div class="fenlan">
				<div class="context">
					<div class="caidan">
						<p id="fl">分类：</p>
						<div class="cd1" id="cd1" style="height: 45px;">
							<dl>
								<dd class="dcolor">全部</dd>
								<dd>小米头戴式耳机</dd>
								<dd>小米圈铁耳机</dd>
								<dd>小米活塞耳机</dd>
								<dd>降噪耳机</dd>
								<dd>小米蓝牙耳机</dd>
								<dd>配件优惠套装</dd>
								<dd>品牌耳机</dd>
								<dd>音箱</dd>
								<dd>小米胶囊耳机</dd>
							</dl>
							<p class="more" onclick="suofang(this)">更多 <img align="center" src="img/2017-08-15_230324.png" /></p>
						</div>
					</div>
					<div class="caidan2">
						<p id="fl">机型：</p>
						<div class="cd2" id="cd2" style="height: 45px;">
							<dl>
								<dd class="dcolor">全部</dd>
								<dd>小米Max2</dd>
								<dd>红米4X</dd>
								<dd>小米Note2</dd>
								<dd>小米MIX</dd>
								<dd>红米Note4X</dd>
								<dd>小米Max2</dd>
								<dd>红米4X</dd>
								<dd>小米Note2</dd>
								<dd>小米MIX</dd>
								<dd>红米Note4X</dd>
								<dd>小米Max2</dd>
								<dd>红米4X</dd>
								<dd>小米Note2</dd>
								<dd>小米MIX</dd>
								<dd>红米Note4X</dd>
								<dd>小米Max2</dd>
								<dd>红米4X</dd>
								<dd>小米Note2</dd>
								<dd>小米MIX</dd>
								<dd>红米Note4X</dd>
								<dd>小米Max2</dd>
								<dd>红米4X</dd>
								<dd>小米Note2</dd>
								<dd>小米MIX</dd>
								<dd>红米Note4X</dd>
								<dd>小米Max2</dd>
								<dd>红米4X</dd>
								<dd>小米Note2</dd>
								<dd>小米MIX</dd>
								<dd>红米Note4X</dd>
								<dd>智能硬件配件</dd>
								<dd>存储卡</dd>
								<dd>小米胶囊耳机</dd>
								<dd>降噪耳机</dd>
							</dl>
							<p class="more" onclick="suofang2(this)">更多 <img align="center" src="img/2017-08-15_230324.png" /></p>
						</div>
					</div>
					<div class="caidan3">
						<p id="fl">品牌：</p>
						<div class="cd3">
							<dl>
								<dd class="dcolor">全部</dd>
								<dd>小米</dd>
								<dd>第三方品牌</dd>
								<dd>1MORE</dd>
							</dl>
						</div>
					</div>
					<!--<img src="img/2017-08-15_194712.png"/>-->
				</div>
			</div>
			<div class="main">
				<div class="header">
					<div class="fl">
						<ul>
							<li class="hov">推荐</li>
							<li>新品</li>
							<li>价格</li>
							<li>评论最多</li>
						</ul>
					</div>
					<div class="fr">
						<ul>
							<li><span class="active"></span>查看评价</li>
							<li><span class="active"></span>仅显示特惠商品</li>
							<li><span class="active"></span>仅显示有货商品</li>
						</ul>
					</div>
				</div>
				<div class="content" id="c1">
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li id="p1"><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
								<li id="p2"><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
				</div>
				<div class="content" id="c2">
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1502093110.00979492!200x200.jpg" />
							<p>小米运动蓝牙耳机mini</p>
							<p><span>169元</span></p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1502093110.00979492!200x200.jpg" />
							<p>小米运动蓝牙耳机mini</p>
							<p><span>169元</span></p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1502093110.00979492!200x200.jpg" />
							<p>小米运动蓝牙耳机mini</p>
							<p><span>169元</span></p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1502093110.00979492!200x200.jpg" />
							<p>小米运动蓝牙耳机mini</p>
							<p><span>169元</span></p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1502093110.00979492!200x200.jpg" />
							<p>小米运动蓝牙耳机mini</p>
							<p><span>169元</span></p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1502093110.00979492!200x200.jpg" />
							<p>小米运动蓝牙耳机mini</p>
							<p><span>169元</span></p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
				</div>
				<div class="content" id="c3">
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1498563490.28526332!200x200.jpg" />
							<p>户外出行</p>
							<p><span>726元</span>&nbsp;
								<span1>796元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1498563490.28526332!200x200.jpg" />
							<p>户外出行</p>
							<p><span>726元</span>&nbsp;
								<span1>796元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1498563490.28526332!200x200.jpg" />
							<p>户外出行</p>
							<p><span>726元</span>&nbsp;
								<span1>796元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>

				</div>
				<div class="content" id="c4">
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1498563490.28526332!200x200.jpg" />
							<p>户外出行</p>
							<p><span>726元</span>&nbsp;
								<span1>796元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1498563490.28526332!200x200.jpg" />
							<p>户外出行</p>
							<p><span>726元</span>&nbsp;
								<span1>796元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span0>新品上架</span0>
						</div>
					</div>
					<div class="chanpin">
						<div class="xin">
							<div id="m1"><img src="img/2017-08-15_154352.png" />
								<p>喜欢</p>
							</div>
							<div id="m2"><img src="img/2017-08-15_154442.png" />
								<p>加入购物车</p>
							</div>
						</div>
						<div class="tu">
							<img src="img/pms_1464592109.19494450!200x200.jpg" />
							<p>1MORE三单元圈铁耳机</p>
							<p><span>579元</span>&nbsp;
								<span1>599元</span1>
							</p>
							<ul>
								<li><img src="img/pms_1464592109.19494450!34x34.jpg" /></li>
							</ul>
						</div>
						<div class="caise">
							<span>9.7折优惠</span>
						</div>
					</div>
				</div>
			</div>
			<div class="tuijian">
				<div class="tj_head">
					<p>为你推荐</p>
				</div>
				<div id="lbt-wrap">
					<div id="lbt" style="margin-left: 0;">
						<ul>
							<li>
								<img src="img/pms_1475052168.43877575.jpg" />
								<p class="lbtp1">
									<a href="#">小米电视3s 65英寸 影院版</a>
								</p>
								<p class="lbtp2">6499元</p>
								<p class="lbtp3">17.9万人好评</p>
							</li>
							<li>
								<img src="img/pms_1475052168.43877575.jpg" />
								<p class="lbtp1">
									<a href="#">小米电视3s 65英寸 影院版</a>
								</p>
								<p class="lbtp2">6499元</p>
								<p class="lbtp3">1.6万人好评</p>
							</li>
							<li>
								<img src="img/pms_1475052168.43877575.jpg" />
								<p class="lbtp1">
									<a href="#">小米电视3s 65英寸 影院版</a>
								</p>
								<p class="lbtp2">6499元</p>
								<p class="lbtp3">553人好评</p>
							</li>
							<li>
								<img src="img/pms_1475052168.43877575.jpg" />
								<p class="lbtp1">
									<a href="#">小米电视3s 65英寸 影院版</a>
								</p>
								<p class="lbtp2">6499元</p>
								<p class="lbtp3">1.1万人好评</p>
							</li>
							<li>
								<img src="img/pms_1475052168.43877575.jpg" />
								<p class="lbtp1">
									<a href="#">小米电视3s 65英寸 影院版</a>
								</p>
								<p class="lbtp2">6499元</p>
							</li>
							<li>
								<img src="img/pms_1488338229.6467773.jpg" />
								<p class="lbtp1">
									<a href="#">米家行车记录仪</a>
								</p>
								<p class="lbtp2">299元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1488338229.6467773.jpg" />
								<p class="lbtp1">
									<a href="#">米家行车记录仪</a>
								</p>
								<p class="lbtp2">299元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1488338229.6467773.jpg" />
								<p class="lbtp1">
									<a href="#">米家行车记录仪</a>
								</p>
								<p class="lbtp2">299元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1488338229.6467773.jpg" />
								<p class="lbtp1">
									<a href="#">米家行车记录仪</a>
								</p>
								<p class="lbtp2">299元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1488338229.6467773.jpg" />
								<p class="lbtp1">
									<a href="#">米家行车记录仪</a>
								</p>
								<p class="lbtp2">299元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1496730880.16174470.jpg" />
								<p class="lbtp1">
									<a href="#">小蚁微单M1双镜头套机</a>
								</p>
								<p class="lbtp2">2799元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1496730880.16174470.jpg" />
								<p class="lbtp1">
									<a href="#">小蚁微单M1双镜头套机</a>
								</p>
								<p class="lbtp2">2799元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1496730880.16174470.jpg" />
								<p class="lbtp1">
									<a href="#">小蚁微单M1双镜头套机</a>
								</p>
								<p class="lbtp2">2799元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1496730880.16174470.jpg" />
								<p class="lbtp1">
									<a href="#">小蚁微单M1双镜头套机</a>
								</p>
								<p class="lbtp2">2799元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1496730880.16174470.jpg" />
								<p class="lbtp1">
									<a href="#">小蚁微单M1双镜头套机</a>
								</p>
								<p class="lbtp2">2799元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1491314802.95852694.jpg" />
								<p class="lbtp1">
									<a href="#">Amazfit 运动手表</a>
								</p>
								<p class="lbtp2">729元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1491314802.95852694.jpg" />
								<p class="lbtp1">
									<a href="#">Amazfit 运动手表</a>
								</p>
								<p class="lbtp2">729元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1491314802.95852694.jpg" />
								<p class="lbtp1">
									<a href="#">Amazfit 运动手表</a>
								</p>
								<p class="lbtp2">729元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1491314802.95852694.jpg" />
								<p class="lbtp1">
									<a href="#">Amazfit 运动手表</a>
								</p>
								<p class="lbtp2">729元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1491314802.95852694.jpg" />
								<p class="lbtp1">
									<a href="#">Amazfit 运动手表</a>
								</p>
								<p class="lbtp2">729元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
						</ul>
					</div>

				</div>
				<div id="lbtbtn">
					<ul>
						<li class="lbt-ac"></li>
						<li class="lbt-ho"></li>
						<li class="lbt-ho"></li>
						<li class="lbt-ho"></li>
					</ul>
				</div>

			</div>
		</div>

		<!--尾部-->
		<div class="foot">
			<div class="foot-top">
				<div class="foot1">
					<ul>
						<li>预约维修服务<span>|</span></li>
						<li>7天无理由退货<span>|</span></li>
						<li>15天免费换货<span>|</span></li>
						<li>满150元包邮<span>|</span></li>
						<li>520余家售货网点</li>
					</ul>
				</div>
				<div class="foot2">
					<div class="foot2-l">
						<dl>
							<dt>帮助中心</dt>
							<dd>账户管理</dd>
							<dd>购物指南</dd>
							<dd>订单操作</dd>
						</dl>
						<dl>
							<dt>服务支持</dt>
							<dd>售后政策</dd>
							<dd>自助服务</dd>
							<dd>相关下载</dd>
						</dl>
						<dl>
							<dt>线下门店</dt>
							<dd>小米之家</dd>
							<dd>服务网点</dd>
							<dd>零售网点</dd>
						</dl>
						<dl>
							<dt>关于小米</dt>
							<dd>了解小米</dd>
							<dd>加入小米</dd>
							<dd>联系我们</dd>
						</dl>
						<dl>
							<dt>关注我们</dt>
							<dd>新浪微博</dd>
							<dd>小米部落</dd>
							<dd>官方微信</dd>
						</dl>
						<dl>
							<dt>特色服务</dt>
							<dd>F码通道</dd>
							<dd>礼物码</dd>
							<dd>防伪查询</dd>
						</dl>
					</div>
					<div class="foot2r">
						<p class="fp1">400-100-5678</p>
						<p class="fp2">周一至周日 8:00-18:00</p>
						<p class="fp2">（仅收市话费）</p>
						<p class="fp3">24小时在线客服</p>
					</div>
				</div>
			</div>
			<div class="foot-bottom">
				<div class="fl">

				</div>
				<div class="fm">
					<p class="fmp1">
						<a href="#">小米商城</a> <span>|</span>
						<a href="#">MIUI</a> <span>|</span>
						<a href="#">米聊</a> <span>|</span>
						<a href="#">多看书城</a> <span>|</span>
						<a href="#">小米路由器</a> <span>|</span>
						<a href="#">视频电话</a> <span>|</span>
						<a href="#">小米天猫店</a> <span>|</span>
						<a href="#">小米淘宝直营店</a> <span>|</span>
						<a href="#">小米网盟</a> <span>|</span>
						<a href="#">小米移动</a> <span>|</span>
						<a href="#">隐私政策</a> <span>|</span>
						<a href="#">Select Region</a>
					</p>
					<p class="fmp2">&copy;
						<a href="#">mi.com</a> 京ICP证110507号
						<a href="#">京ICP备10046444号</a>
						<a href="#">京公网安备11010802020134号</a>
						<a href="#">京网文[2014]0059-0009号</a>
					</p>
					<p class="fmp2">违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
				</div>
				<div class="fr">
					<a href="#"><img width="85" height="28px" src="img/truste.png" /></a>
					<a href="#"><img src="img/v-logo-2.png" /></a>
					<a href="#"><img src="img/v-logo-1.png" /></a>
					<a href="#"><img src="img/v-logo-3.png" /></a>
				</div>

			</div>
			<div class="fs">
				<img src="img/2017-08-15_085552.png" />
			</div>
		</div>
		</div>

		<script type="text/javascript">
			//勾选
			var spans = document.querySelectorAll(".fr span");
			for(var i = 0; i < spans.length; i++) {
				spans[i].onclick = function() {
					if(this.className != "active") {
						this.className = "active";
					} else {
						this.className = "hover";
					}
				}
			}

			//产品
			var divs = document.querySelectorAll(".content .chanpin");
			console.log(divs);
			for(var i = 0; i < divs.length; i++) {
				divs[i].onmouseover = function() {
					this.children[0].style.display = "block";
				}
				divs[i].onmouseout = function() {
					this.children[0].style.display = "none";
				}
			}

			//推荐 新品切换
			var liex = document.querySelectorAll(".fl li")
			var right1 = document.querySelector("#c1")
			var right2 = document.querySelector("#c2")
			var right3 = document.querySelector("#c3")
			var right4 = document.querySelector("#c4")

			for(var i = 0; i < liex.length; i++) {
				liex[i].onclick = function() {
					for(var i = 0; i < liex.length; i++) {
						liex[i].removeAttribute("class");
					}
					this.className = "hov";
					if(liex[0].className == "hov") {
						right1.style.display = "block"
					} else {
						right1.style.display = "none"
					}
					if(liex[1].className == "hov") {
						right2.style.display = "block"
					} else {
						right2.style.display = "none"
					}
					if(liex[2].className == "hov") {
						right3.style.display = "block"
					} else {
						right3.style.display = "none"
					}
					if(liex[3].className == "hov") {
						right4.style.display = "block"
					} else {
						right4.style.display = "none"
					}

				}
			}

			//更多按钮动态下拉
			function suofang(t) {
				if(t.parentNode.style.height == "90px") {
					num = 95;
					var Id = setInterval(function() {
						t.parentNode.style.height = num + "px"
						//						console.log(t.parentNode.style.height = num + "px")
						num -= 5;
						if(num == 40) {
							clearInterval(Id);
						}
					}, 10)
				}
				//				console.log(t.parentNode.style.height)
				if(t.parentNode.style.height == "45px") {
					num = 45;
					var Id = setInterval(function() {
						t.parentNode.style.height = num + "px";
						//						console.log(t.parentNode.style.height = num + "px")
						num += 5;
						if(num == 95) {
							clearInterval(Id);
						}
					}, 10)
				}
			}

			function suofang2(t) {
				if(t.parentNode.style.height == "265px") {
					num1 = 270;
					var Id = setInterval(function() {
						t.parentNode.style.height = num1 + "px"
						//						console.log(t.parentNode.style.height = num + "px")
						num1 = num1 - 5
						if(num1 == 40) {
							clearInterval(Id);
						}
					}, 5)
				}
				console.log(t.parentNode.style.height)
				if(t.parentNode.style.height == "45px") {
					num1 = 45
					var Id = setInterval(function() {
						t.parentNode.style.height = num1 + "px"
						//						console.log(t.parentNode.style.height = num + "px")
						num1 = num1 + 5
						if(num1 == 270) {
							clearInterval(Id);
						}
					}, 5)
				}
			}

			//轮播按钮
			var ml = document.getElementById("lbt")
			var mlnum = 0
			var libs = document.querySelectorAll("#lbtbtn li")
			for(var i = 0; i < libs.length; i++) {
				libs[i].onmousedown = function() {
					for(var i = 0; i < libs.length; i++) {
						libs[i].className = "lbt-ho"
					}
					this.className = "lbt-ac"
				}
				libs[0].onclick = function() {
					if(mlnum != 0) {
						var Id = setInterval(function() {
							if(mlnum < 0) {
								mlnum += 20
								ml.style.marginLeft = mlnum + "px"
								if(mlnum == 0) {
									clearInterval(Id)
								}
							}
						}, 8)
					}

				}
				libs[1].onclick = function() {
					if(mlnum != -1240) {
						var id = setInterval(function() {
							if(mlnum > -1240) {
								mlnum -= 20;
								ml.style.marginLeft = mlnum + "px"
								if(mlnum == -1240) {
									clearInterval(id)
								}
							}
							if(mlnum < -1240) {
								mlnum += 20;
								ml.style.marginLeft = mlnum + "px"
								if(mlnum == -1240) {
									clearInterval(id)
								}
							}
						}, 8)
					}
				}
				libs[2].onclick = function() {
					if(mlnum != -2480) {
						var id = setInterval(function() {
							if(mlnum > -2480) {
								mlnum -= 20;
								ml.style.marginLeft = mlnum + "px"
								if(mlnum == -2480) {
									clearInterval(id)
								}
							}
							if(mlnum < -2480) {
								mlnum += 20;
								ml.style.marginLeft = mlnum + "px"
								if(mlnum == -2480) {
									clearInterval(id)
								}
							}
						}, 8)
					}
				}
				libs[3].onclick = function() {
					if(mlnum != -3720) {
						var Id = setInterval(function() {
							if(mlnum > -3720) {
								mlnum -= 20
								ml.style.marginLeft = mlnum + "px"
								if(mlnum == -3720) {
									clearInterval(Id)
								}
							}
						}, 8)
					}
				}
			}
		</script>
	</body>

</html>